@extends("admin.base.base")
@section("title")
<title>新增文章 - 资讯管理 - H-ui.admin v3.1</title>
<meta name="keywords" content="H-ui.admin v3.1,H-ui网站后台模版,后台模版下载,后台管理系统模版,HTML后台模版下载">
<meta name="description" content="H-ui.admin v3.1，是一款由国人开发的轻量级扁平化网站后台模板，完全免费开源的网站后台管理系统模版，适合中小型CMS后台系统。">
@endsection
@section("content")
	<article class="page-container">
		<form class="form form-horizontal" id="form-article-add">
			<div class="row cl">
				<label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>广告名称：</label>
				<div class="formControls col-xs-4 col-sm-4">
					<input type="text" class="input-text" value="{{$item->title}}" placeholder="" name="title">
				</div>
			</div>
			<div class="row cl">
				<label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>广告位置：</label>
				<div class="formControls col-xs-1 col-sm-1">
				<span class="select-box">
					<select name="classify" class="select" id="sel">
						@foreach($classify as $key => $value)
							<option value="{{$key}}" <?php if ($item->classify == $key) echo "selected = selected";?>>{{$value}}</option>
						@endforeach
					</select>
				</span>
				</div>
			</div>
			<div class="row cl">
				<label class="form-label col-xs-4 col-sm-2">日期范围：</label>
				<div class="formControls col-xs-4 col-sm-4">
					<input type="text" onfocus="WdatePicker({maxDate:'#F{$dp.$D(\'logmax\')||\'%y-%M-%d\'}'})" id="logmin" class="input-text Wdate" name="start-data" value="<?php foreach ($item->start_data as $v){ echo $v;}?>" style="width:120px;">
					-
					<input type="text" onfocus="WdatePicker({minDate:'#F{$dp.$D(\'logmin\')}',maxDate:'%y-%M-%d'})" id="logmax" class="input-text Wdate" name="end-data" value="<?php foreach ($item->end_data as $v){ echo $v;}?>" style="width:120px;">
				</div>
			</div>
			<div class="row cl">
				<label class="form-label col-xs-4 col-sm-2">上传广告图片：</label>
				<div class="formControls col-xs-8 col-sm-9">
					<div class="uploader-thum-container">
						<img class="img" src="/extension/public/store/{{$item->img_url}}" width="200" height="60" style="display: block;margin-bottom: 5px;">
						<input type="hidden" name="img" value="{{$item->img_url}}">
						<input type="file" name="file" class="a" onchange="reads(this)">
					</div>
				</div>
			</div>
			<div class="row cl">
				<label class="form-label col-xs-4 col-sm-2">广告链接：</label>
				<div class="formControls col-xs-4 col-sm-4">
					<input type="text" class="input-text" value="{{$item->link}}" placeholder="" name="link">
				</div>
			</div>
			<div class="row cl">
				<label class="form-label col-xs-4 col-sm-2">是否开启：</label>
				<div class="formControls col-xs-8 col-sm-9">
					<div class="form-check form-check-inline">
						<label class="form-check-label" for="inlineRadio1">
							<input class="form-check-input" type="radio" name="state" id="inlineRadio1" value="1" <?php if ($item->state == 1) echo "checked='checked'";?>>开启
						</label>
						<label class="form-check-label" for="inlineRadio2">
							<input class="form-check-input" type="radio" name="state" id="inlineRadio2" value="2" <?php if ($item->state == 2) echo "checked='checked'";?>>关闭
						</label>
					</div>
				</div>
			</div>
			{{csrf_field()}}
			{{method_field('PUT')}}
			<div class="row cl">
				<div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">
					<button onClick="article_save();" class="btn btn-secondary radius" type="button"><i class="Hui-iconfont"></i>确定</button>
					<button onClick="removeIframe();" class="btn btn-default radius" type="button">&nbsp;&nbsp;取消&nbsp;&nbsp;</button>
				</div>
			</div>
		</form>
	</article>
@endsection
@section("js")
<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="{{asset('lib/My97DatePicker/4.8/WdatePicker.js')}}"></script>
<script type="text/javascript" src="{{asset('lib/jquery.validation/1.14.0/jquery.validate.js')}}"></script>
<script type="text/javascript" src="{{asset('lib/jquery.validation/1.14.0/validate-methods.js')}}"></script>
<script type="text/javascript" src="{{asset('lib/jquery.validation/1.14.0/messages_zh.js')}}"></script>
<script type="text/javascript" src="{{asset('lib/webuploader/0.1.5/webuploader.min.js')}}"></script>
<script type="text/javascript" src="{{asset('lib/ueditor/1.4.3/ueditor.config.js')}}"></script>
<script type="text/javascript" src="{{asset('lib/ueditor/1.4.3/ueditor.all.min.js')}}"> </script>
<script type="text/javascript" src="{{asset('lib/ueditor/1.4.3/lang/zh-cn/zh-cn.js')}}"></script>
<script type="text/javascript">
//input file 上传图片，并实现实时预览
function reads(obj) {
	var file = obj.files[0];
	if ($.isEmptyObject(file) == false){
		var reader = new  FileReader();
		reader.readAsDataURL(file);
		reader.onload = function (ev) {
			$(".img").attr("src", ev.target.result);
		}
	}
}
function article_save() {
    var data = new FormData($('#form-article-add')[0]);
    $.ajax({
        headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
        type:'POST',
        url:'{{url('admin/billboard')}}'+'/'+"{{$item->id}}",
        data:data,
        contentType:false,
        processData:false,
        dataType:'json',
        success:function (resp) {
            if (resp.code == 0){
                layer.msg(resp.msg);
                setTimeout(function () {
                    window.location.href = '{{url('admin/billboard')}}';
                },1000);
            }else{
                layer.msg(resp.msg);
            }
        }
    });
}
$(function(){
	$('.skin-minimal input').iCheck({
		checkboxClass: 'icheckbox-blue',
		radioClass: 'iradio-blue',
		increaseArea: '20%'
	});
	
	//表单验证
	$("#form-article-add").validate({
		rules:{
			articletitle:{
				required:true,
			},
			articletitle2:{
				required:true,
			},
			articlecolumn:{
				required:true,
			},
			articletype:{
				required:true,
			},
			articlesort:{
				required:true,
			},
			keywords:{
				required:true,
			},
			abstract:{
				required:true,
			},
			author:{
				required:true,
			},
			sources:{
				required:true,
			},
			allowcomments:{
				required:true,
			},
			commentdatemin:{
				required:true,
			},
			commentdatemax:{
				required:true,
			},

		},
		onkeyup:false,
		focusCleanup:true,
		success:"valid",
		submitHandler:function(form){
			//$(form).ajaxSubmit();
			var index = parent.layer.getFrameIndex(window.name);
			//parent.$('.btn-refresh').click();
			parent.layer.close(index);
		}
	});
});
</script>
@endsection